<template>
  <svg
    xmlns="http://www.w3.org/2000/svg"
    :width="size"
    :height="size"
    viewBox="0 0 18 18"
    fill="none"
    :style="customStyle"
  >
    <path fill-rule="evenodd" clip-rule="evenodd" :d="pathData" :fill="color" />
  </svg>
</template>

<script setup>
const props = defineProps({
  // 图标尺寸
  size: {
    type: [Number, String],
    default: 18,
  },
  // 图标颜色
  color: {
    type: String,
    default: "#007BFF",
  },
  // 自定义样式
  customStyle: {
    type: Object,
    default: () => ({}),
  },
});

// 路径数据保持固定
const pathData =
  "M9 12.3517C8.6895 12.3517 8.4375 12.1178 8.4375 11.8065V11.7712C8.4375 11.4607 8.6895 11.2087 9 11.2087C9.3105 11.2087 9.5625 11.4607 9.5625 11.7712C9.5625 12.0817 9.3105 12.3517 9 12.3517ZM8.4345 6.231C8.4345 5.9205 8.6865 5.6685 8.997 5.6685C9.3075 5.6685 9.5595 5.9205 9.5595 6.231V9.45525C9.5595 9.76575 9.3075 10.0177 8.997 10.0177C8.6865 10.0177 8.4345 9.76575 8.4345 9.45525V6.231ZM9 1.875C5.0715 1.875 1.875 5.0715 1.875 9C1.875 12.9292 5.0715 16.125 9 16.125C12.9285 16.125 16.125 12.9292 16.125 9C16.125 5.0715 12.9285 1.875 9 1.875Z";
</script>
